   .icon_serch .mui-search .mui-placeholder {
   	color: white !important;
   	text-align: left;
   }
   
   .icon_serch .mui-search .mui-placeholder span {
   	color: #ffffff;
   }
   
   .icon_serch .mui-search .mui-placeholder span:last-child {
   	font-size: 12px;
   }
   
   .mui-input-row .mui-input-clear~.mui-icon-clear.mui-hidden~.mui-icon-speech {
   	color: white;
   	font-size: 20px;
   	marginn-top: 1px;
   }
   
   .mui-input-clear {
   	color: white !important;
   }
   
   .icon_serch {
   	height: 50px;
   	background-color: #1ABC9C;
   	box-shadow: 0 1px 6px #1ABC9C;
   }
   
   .icon_serch input {}
   
   .icon_serch .mui-search {
   	width: 90%;
   	margin-top: 2px;
   }
   
   .icon_add {
   	color: white;
   	float: right;
   	margin-top: -45px;
   	line-height: 50px;
   	margin-right: 10px;
   }
   
   .icon_add span {
   	font-size: 20px;
   }
   
   .icon_contact {
   	color: white;
   	float: right;
   	line-height: 50px;
   	margin-top: -45px;
   	margin-right: 10px;
   }
   
   .icon_contact span {
   	font-size: 20px;
   }
   
   .add_popover {
   	width: 150px;
   }
   
   #popover ul li a span {
   	display: inline-block;
   }
   
   .wenzi {
   	display: block;
   	font-size: 13px!important;
   	text-align: center;
   }
   
   .grid_background {
   	background-color: #1ABC9C;
   	height: 70px;
   }
   
   .myicon {
   	margin-top: 3px;
   	display: block;
   	font-size: 30px;
   	color: white !important;
   }
   
   .wenzi {
   	display: block;
   	text-align: center;
   	font-size: 13px!important;
   	margin-top: 5px;
   	color: white;
   }
   
   .link_style {
   	text-align: center;
   }
   
   .grid_background_white {
   	background: #FFFFFF;
   }
   
   .mui-table-view-cell a span:first-child {
   	margin-top: 3px;
   	display: block;
   	font-size: 25px;
   }
   
   .myicon_transfer {
   	color: #1d8fe1!important;
   }
   
   .wenzi_black {
   	display: block;
   	text-align: center;
   	font-size: 13px!important;
   	margin-top: 5px;
   }
   
   .myicon_repayment {
   	color: #f39826!important;
   }
   
   .myicon_balance {
   	color: #f15a4a!important;
   }
   
   .myicon_naughtyticket {
   	color: #f15a4a!important;
   }
   
   .myicon_logistics {
   	color: #f39826!important;
   }
   
   .myicon_life {
   	color: #1d8fe1!important;
   }
   
   .myicon_credit {
   	color: #3ab29a!important;
   }
   
   .myicon_planeticket {
   	color: #1d8fe1!important;
   }
   
   .myicon_Invitingmoney {
   	color: #1d8fe1!important;
   }
   
   .myicon_taxi {
   	color: #1d8fe1!important;
   }
   
   .myicon_tmall {
   	color: #f15a4a!important;
   }
   
   .myicon_phone {
   	color: #f39826!important;
   }
   
   .list_style {
   	margin-top: 20px;
   }
   
   .dot_style {
   	position: absolute;
   	right: 0.6rem;
   	top: 0.8rem;
   	font-size: 0.25rem;
   	color: grey;
   }
   
   .loop_pic {
   	margin-top: 20px;
   }
   
   .pay_style {
   	margin-top: 0px;
   	font-size: 0.2rem;
   	background-color: white;
   	border-bottom: 1px solid #eee;
   }
   
   .pay_style div {
   	padding-left: 15px;
   	padding-top: 10px;
   	padding-bottom: 10px;
   }
   
   .discountpay_style {
   	margin-top: 20px;
   }
   
   .table_cell_style {
   	padding: 5px 0px!important;
   }
   
   .right_border {
   	border-right: 1px solid #eee;
   }
   
   .mui-bar-nav.mui-bar .mui-icon {
   	margin-left: 0px;
   }
   
   .div_title_left {
   	display: flex;
   	align-items: center;
   	justify-content: flex-start;
   	height: 0.8rem;
   }
   
   .div_title_icon {
   	width: 0.08rem;
   	height: 0.3rem;
   	background-color: #1ABC9C;
   }
   
   .span_title_text {
   	margin-left: 0.1rem;
   	color: #3A3A3A;
   	font-size: 0.25rem;
   }
   
   .div_title_line {
   	display: flex;
   	align-items: center;
   	justify-content: space-between;
   	padding: 0 0.24rem;
   	height: 0.6rem;
   	background-color: #FFFFFF;
   }
   
   .sjtx {
   	border-bottom: 1px solid #E6E6E6;
   }
   
   .icon-roundadd {
   	font-size: 0.5rem;
   	color: orange;
   }
   
   .mui-navigate-right {
   	font-size: 0.4rem;
   }
   
   .mui-table-view-cell.mui-media {
   	height: 1.2rem;
   }
   
   .mui-table-view .mui-media .mui-subtitle {
   	color: #000
   }
   
   .mui-table-view .mui-media-object {
   	line-height: 1.1rem;
   	max-width: 1.1rem;
   	height: 1.1rem;
   }
   
   .mui-media-body {
   	font-size: 0.2rem;
   	height: 1.3rem;
   	line-height: 0.5rem;
   	text-overflow: ellipsis;
   	display: block;
   	width: 80%;
   }
   
   .gczl {
   	background: white;
   	height: 1rem;
   	border-bottom: 1px solid #E6E6E6;
   	display: flex;
   	flex-direction: row;
   	flex-flow: row;
   	align-items: center;
   	/*定义body的元素垂直居中*/
   	justify-content: center;
   	/*定义body的里的元素水平居中*/
   	flex-wrap: wrap;
   	justify-content: flex-start;
   	text-align: center;
   }
   
   .zbd {
   	width: 33%;
   	font-size: 0.25rem;
   	height: 1;
   	line-height: 1;
   	border-right: 1px solid #E6E6E6;
   }
   /*//列表样式*/
   
   .div_project_name {
   	font-size: 0.3rem;
   	padding: 0.1rem 0.13rem;
   	padding-bottom: 0rem;
   	color: #3A3A3A;
   	font-weight: bold;
   	line-height: 1.2;
   	/*display: flex;*/
   	text-align: center;
   	margin-bottom: 0.1rem;
   }
   
   .div_nr {
   	padding: 0rem 0rem 0.2rem 0.2rem;
   }
   
   .div_project_detail {
   	font-size: 0.3rem;
   	color: #3A3A3A;
   	line-height: 1.2;
   }
   
   .div_nr {
   	font-size: 0.25rem;
   	color: #8D8D8D;
   }
   
   .div-top {
   	display: flex;
   	align-items: center;
   	margin-bottom: 0.2rem;
   }
   
   .div_message_left_ssz {
   	float: right;
   	width: 94%;
   }
   
   .div_project_detail.button_line {
   	right: 0px;
   	width: auto;
   	padding-top: 0;
   	display: flex;
   	margin-top: 0;
   	flex-direction: row;
   	flex-grow: 1;
   	padding-left: 0.1rem;
   	flex-wrap: nowrap;
   	justify-content: space-between;
   }
   
   .bottom {
   	position: absolute;
   	bottom: 5px;
   	width: 94%;
   }
   
   .btn_style {
   	padding: 0 0.12rem;
   	margin: 0 0.08rem 0 0;
   	height: 0.48rem;
   	width: 2rem;
   	font-size: 0.24rem;
   	line-height: 0.48rem;
   	border: 1px solid #279ABA;
   	border-radius: 0.06rem;
   	border: 0 none;
   }
   
   .border_btn {
   	border: 1px solid #279ABA;
   	border-radius: 100px;
   	color: #279ABA;
   }
   
   .center {
   	height: 3rem !important;
   	text-align: center;
   	float: left;
   	font-size: 0.23rem;
   	color: white;
   	font-weight: bold;
   	width: 6%;
   	background: #1ABC9C;
   }
   
   .center span {
   	clear: both;
   	-webkit-writing-mode: vertical-rl;
   	writing-mode: vertical-rl;
   	height: 3rem;
   	text-align: center;
   	letter-spacing: 0.1rem !important;
   }
   
   ul .mui-table-view-cell {
   	padding-left: 0px;
   	padding-top: 0px;
   	height: 3rem;
   	border: 1px solid #E6E6E6;
   }
